'use strict';

const packageJSON = require('../package.json');

// 面板的内容
exports.template = `
    <ui-input placeholder="请出入名称"></ui-input>
    <ui-button class="green"><ui-label value="确定"></ui-label></ui-button>
`;

// 面板上的样式
exports.style = `
    ui-input {
        margin-top: 5px;
        margin-left: 5px;
        width: 300px;
    }
    ui-button {
        margin-top: 5px;
        margin-left: 10px;
    }
`;

// 快捷选择器
exports.$ = {
    input: 'ui-input',
    button: 'ui-button',
};

// 面板上的方法
exports.methods = {};

// 面板上触发的事件
exports.listeners = {};

// 面板启动后触发的钩子函数
exports.ready = function() {
    this.$.button.addEventListener('confirm', () => {
        const name = this.$.input.value;
        if (name && name.length) {
            Editor.Message.send(packageJSON.name, 'input-callback', name);
        }
    });
};

// 尝试关闭面板的时候触发
exports.beforeClose = async function () { };

// 当面板实际关闭后触发
exports.close = async function () { };
